<template>
	<view>
		<view class="box" :style="{height:status?'300rpx':'0rpx'}">
			----弹出框样式-----
		</view>
		<button size="mini" @click="onclose">关闭</button>
	</view>
</template>

<script>
	export default {
		name: "mypop",
		data() {
			return {

			};
		},
		props: {
			status: {
				type: Boolean,
				default: false
			}
		},

		methods: {
			onclose() {
				//props传给子组件的值是单向数据流，是不能直接在子组件中修改的。
				//this.status=false;
				//this.$emit("chaneEvent",false);
				//使用.sync实现上面功能
				this.$emit("update:status", false);
			}
		}

	}
</script>

<style lang="scss">
	.box {
		width: 300rpx;
		height: 300rpx;
		background-color: pink;
	}
</style>